/* Top Menu
----------------------------------------------- */
#top-menuwrapper{background:#21afa4;
background:linear-gradient(to right, #21afa4 0%,#21afa4 30%,#2c3e50 30%,#2c3e50 100%);
height:52px;
width:100%;
position:fixed;
top:0;
left:0;
z-index:
999;
overflow:hidden;
}
#top-menuwrap{
width:980px;
margin:0 auto;
}
#top-menu{
width:100%;
}
#top-menu ul{
list-style:none;
}
#top-menu ul li{
float:right;
}
#top-menu ul li a{
line-height:16px;
padding:5px 0;
margin-left:25px;
color:#999;
font-size:14px;
text-transform:uppercase;
display:block;
text-decoration:none;
}
#top-menu ul li a:hover{
color:#c94e5c;
}
.logo{
float:left;
font-family:'Montserrat', Oswald;
font-size:160%;
text-transform:uppercase;
font-weight:300;
}
#top-menu ul li a.current{
color:#c94e5c;
}
.logo a{
color:#fff;
text-decoration:none;
margin-top:-5px;
}
.logo a:hover{
color:#fff;
text-decoration:none;
}
.logo img{
margin-top:-9px;
}
/* Search
----------------------------------------------- */
#search-box{
position:relative;
width:350px;
margin:10px auto;
}
#cse-search-box{
height:30px;
border-radius:2px;
background-color:#fff;
overflow:hidden;
border:1px solid #bbb;
}
#search-text{
font-size:12px;
color:#ddd;
border-width:0;
background:transparent;
}
#search-box input[type="text"]{
width:90%;
padding:7px 20px 12px 0;
color:#666;
outline:none;
}
#search-button{
position:absolute;
top:0;
right:0;
height:32px;
width:20px;
margin-top:10px;
font-size:14px;
color:#fff;
text-align:center;
line-height:0;
border-width:0;
background:url(//mastercode.googlecode.com/svn/trunk/data/img/main/search-c.png) no-repeat;
cursor:pointer;
}
/* Navigation
----------------------------------------------- */
#menu{
background:none;
color:#4a4a4a;
border-bottom:2px solid #d9d9d9;
height:45px;
font-size:20px;
font-family:'BebasLah', 'Oswald', Arial, sans-serif;
width:980px;
margin:15px auto;
position:relative;
margin-top:-23px;
}
#menu ul, #menu li{
margin:0 auto;
padding:0 0;
list-style:none;
}
#menu ul{
height:45px;
width:980px;
}
#menu li{
float:left;
display:inline;
position:relative;
font:bold 14px 'Oswald', 'BebasLah';
text-transform:uppercase;
font-weight:normal;
}
#menu a{
display:block;
line-height:45px;
padding:0 14px;
text-decoration:none;
color:#4a4a4a;
font-weight:400;
font-family:'Oswald', 'BebasLah', Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#menu li a.current{
background:none;
}
#menu li a:hover, #menu li a:focus{
color:#fff;
background-color:#2c3e50;
transition:all 0.3s ease-in;
}
#menu input{
display:none;
margin:0 0;
padding:0 0;
width:80px;
height:30px;
opacity:0;
cursor:pointer;
}
#menu label{
font-size:20px;
display:none;
width:35px;
height:20px;
line-height:20px;
text-align:center;
color:#fff;
}
#menu label span{
font:normal 14px "Open Sans";
position:absolute;
left:35px;
}
#menu ul.menus{
height:auto;
overflow:hidden;
width:180px;
background:#2c3e50;
position:absolute;
z-index:99;
display:none;
}
#menu ul.menus li{
display:block;
width:100%;
font-size:13px;
text-transform:none;
text-shadow:none;
}
#menu ul.menus a{
color:#fff;
text-transform:uppercase;
border-right:none;
}
#menu li:hover ul.menus{
display:block;
}
#menu a.dropdown{
padding:0 27px 0 14px;
}
#menu a.dropdown::after{
content:"";
width:0;
height:0;
border-width:6px 5px;
border-style:solid;
border-color:#999 transparent transparent transparent;
position:absolute;
top:20px;right:9px;
}
#menu ul.menus a:hover{
background:#21afa4;
color:#fff;
}
/* Selamat Datang
----------------------------------------------- */
#selamat-wrapper{
width:auto;
height:auto;
background-color:#e9e9e9;
background:radial-gradient(circle, #c5c5c5, #e9e9e9);
padding:70px 0 25px 0;
margin-bottom:25px;
}
#selamat{
width:900px;
margin:0px auto;
text-align:center;
font-size:16px;
padding:10px;
}
/* Header
-----------------------------------------------*/
#header-wrapper{
margin:0 auto 0;
padding:2%;
background-color:white;
color:#f1f1f1;
display:none;
}
#header{
text-align:center;
color:#666666;
margin:0;
}
#header h1, #header p{
margin:5px 5px 0;
padding:0;
text-transform:uppercase;
letter-spacing:.2em;
font:normal normal 200% Arial;
}
#header a{
color:#666666;
text-decoration:none;
}
#header a:hover{
color:#666666;
}
#header .description{
margin:0 5px 5px;
padding:0 20px 15px;
text-transform:uppercase;
letter-spacing:.2em;
line-height:1.4em;
font:normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color:#999999;
}
#header img{
margin-left:auto;
margin-right:auto;
}
/* Sidebar
----------------------------------------------- */
.sidebar{
color:#666666;
line-height:1.5em;
}
.sidebar h2{
color:#444;
font-size:14px;
}
.sidebar ul{
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li{
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:0.25em;
padding-left:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget, .main .widget{
margin:0 0 1em;
padding:0;
}
.main .Blog{
border-bottom-width:0;
}
.profile-img{
float:left;
margin-top:0;
margin-right:5px;
margin-bottom:5px;
margin-left:0;
padding:4px;
border:1px solid #e5e5e5;
}
.profile-data{
margin:0;
font-size:11px;
color:#999999;
font-weight:bold;
line-height:1.6em;
}
.profile-datablock{
margin:0.5em 0 0.5em;
}
.profile-textblock{
margin:0.5em 0;
line-height:1.6em;
}
.profile-link{
font-size:11px;
}
#navbar-iframe{
height:0px;
visibility:hidden;
display:none;
}
.breadcrumbs{
padding:5px 5px 5px 0px;
margin:0px 0px 15px 0px;
font-size:11px;
line-height:1.4em;
border-bottom:1px solid #ccc;
}
/*-- Page Loader ---*/
#page-loader{
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:9999;
background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/load6.gif) no-repeat 50% 30%;
color:white;
padding:1em 1.2em;
display:none;
text-shadow:none;
}
/*--- To Top ---*/
#BounceToTop{
background:#b5bac3;
text-align:center;
position:fixed;
bottom:10px;
right:10px;
cursor:pointer;
width:30px;
height:22px;
border-radius:3px;
padding:5px;
display:none;
transition:all .3s ease-out;
}
#BounceToTop:hover{
background:#727e94;
}
#BounceToTop:before{
content:"";
position:absolute;
bottom:7px;
right:9px;
width:0;
height:0;
border-style:solid;
border-width:0 11px 16px 11px;
border-color:transparent transparent #fff transparent;
line-height:0;
}
#BounceToTop:after{
content:"";
position:absolute;
bottom:7px;
right:11px;
width:0;
height:0;
border-style:solid;
border-width:0 9px 12px 9px;
border-color:transparent transparent #b5bac3 transparent;
line-height:0;
transition:all .3s ease-out;
}
#BounceToTop:hover:after{
border-color:transparent transparent #727e94 transparent;
}
/*-- Post --*/
.post-label{
position:absolute;
top:5px;
left:5px;
width:154px;
z-index:99;
}
.post-label a{
font-family:'Oswald', Verdana,Sans-serif;
text-transform:uppercase;
background-color:#c94e5c;
background-color:rgba(201,78,92,0.6);
color:#fff;
font-size:10px;
display:block;
float:left;
padding:4px 8px;
}
.post-label a:hover{
background:rgba(201,78,92,1);
}
.post-info-icon{
background-image:url(//mastercode.googlecode.com/svn/trunk/data/img/main/icnall.png);
background-repeat:no-repeat;
}
.post-info{
display:block;
margin:10px 0 15px 0px;
padding:3px 0;
color:#999;
line-height:1.6em;
border-top:1px dotted #e2e2e2;
border-bottom:1px dotted #e2e2e2;
font-size:11px;
overflow:hidden;
}
.post-info a{
color:#999;
}
.post-info-icon{
display:inline-block;
float:left;
margin:0 12px 0 0;
}
.post-info a:hover{
color:#000;
}
.jam{
background-position:0 -98px;
height:16px;
padding:0 0 0 17px;
}
.komentar{
background-position:0 -132px;
height:16px;
padding:0 0 0 17px;
}
.label{
background-position:0 -166px;
height:16px;
padding:0 0 0 17px;
}
.admin{
background-position:0 1px;
height:16px;
padding:0 0 0 17px;
}
.tanggal{
background-position:0 -32px;
height:16px;
padding:0 0 0 17px;
}
h2.date-header{
font:normal 11px arial;
margin:0;
padding:0;
display:none;
}
.post{
margin:0.5em 0 1.5em;
padding:0 1px;
border-bottom:1px dotted #cccccc;
padding-bottom:1.5em;
}
.post h3,.post h1{
margin:0.25em 0 0;
padding:0 0 0px;
font-size:170%;
font-weight:normal;
line-height:1.4em;
font-family:Oswald,"BebasLah",Bebas,"Arial Narrow",Sans-Serif;
text-transform:uppercase;
}
.post h3 a, .post h3 a:visited, .post h3 strong{
display:block;
text-decoration:none;
color:#4a4a4a;
}
.post h3 strong, .post h3 a:hover{
color:#c94e5c;
}
.post-body{
margin:0;
line-height:1.6em;
}
.post-body h3{
background:url(//mastercode.googlecode.com/svn/trunk/data/img/main/bottom-line.gif) left bottom no-repeat;
font-size:160%;
font-weight:400;
margin:5px 0;
padding-bottom:12px;
}
.post-body h3 code{
font-size:100%;
}
.post-body h4{
font-size:120%;
font-weight:normal;
margin-top:25px;
margin-bottom:10px;
padding-bottom:12px;
margin-top:0;
}
.post-body img{
background:url(//mastercode.googlecode.com/svn/trunk/data/img/main/preloader.gif)no-repeat 50% 50%;
}
.post-body img, table.tr-caption-container{
padding:0px;
margin-top:.5em;
max-width:98%;
border:1px solid #b1b1b1;
box-shadow:0 0 5px  #aaa;
}
.tr-caption-container img{
border:none;
padding:0;
}
.post-footer{
margin:0.75em 0;
padding:0;
color:#999999;
font-size:11px;
line-height:1.4em;
display:none;
}
.post-thumbnail{
display:block;
float:left;
margin:.2em 1em 0 0;
}
.post-more-link, .jump-link{
text-align:right;
margin:0px !important;
}
/* Syntax Highlghter
----------------------------------------------- */
blockquote{
font-family:Georgia, serif;
font-size:15px;
font-style:italic;
margin:0.25em 0;
padding:15px 20px 15px 50px;
border:dashed 1px #ccc;
line-height:1.45;
color:#666;
background:#fff url(//mastercode.googlecode.com/svn/trunk/data/img/main/bg-blockquote.gif) no-repeat 15px 18px;
clear:both;
}
blockquote code{
font-size:100%;
}
#comments blockquote,b[rel="quote"]{
background:#f9f7b8 url(//mastercode.googlecode.com/svn/trunk/data/img/main/icon-info.png) no-repeat 2% 50%;
color:#2c3e50;
line-height:22px;
border:1px solid #e5e283;
padding:12px 15px 12px 45px;
margin:5px 0 20px 0;
border-radius:5px;
font-family:'Montserrat', 'Segoe UI',Arial,Tahoma, sans-serif;
font-size:14px;
font-style:normal;
}
pre{
padding:.8em 1em;
margin:1.5em 0;
background-color:#2c3e50;
font-size:13px;
color:#839496;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
line-height:1.4em;
position:relative;
white-space:pre-wrap;
word-wrap:break-word;
border-radius:3px;
}
pre::after{
content:" ";
width:0;
height:0;
opacity:0;
visibility:hidden;
position:absolute !important;
right:13px;
top:-7px;
transition:.3s ease-out;
border-color:#222 transparent transparent;
border-style:solid;
border-width:6px 6px 0;
}
pre::before{
content:" Klik ganda untuk seleksi";
width:117px;
font-size:11px;
font-family:Tahoma,arial,sans-serif;
padding:3px 9px;
opacity:0;
visibility:hidden;
position:absolute;
top:-35px;
right:0;
transition:.3s ease-out;
background:#222;
color:#fff;
border-radius:5px;
padding:5px;
}
pre:hover::before, pre:hover::after{
opacity:.5;
visibility:visible;
}
#comments pre{
color:#839496;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
font-size:13px;
margin-bottom:10px;
margin-top:5px;
}
#comments pre::after{
content:" ";
width:0;
height:0;
opacity:0;
visibility:hidden;
position:absolute !important;
right:13px;
top:-7px;
transition:.3s ease-out;
border-color:#222 transparent transparent;
border-style:solid;
border-width:6px 6px 0;
}
#comments pre::before{
content:" Klik ganda untuk seleksi";
width:125px;
font-size:11px;
font-family:Tahoma,arial,sans-serif;
padding:3px 9px;
opacity:0;
visibility:hidden;
position:absolute;
top:-35px;
right:0;
transition:.3s ease-out;
background:#222;
color:#fff;
border-radius:5px;
padding:5px;
}
#comments pre:hover::before, #comments pre:hover::after{
opacity:.5;
visibility:visible;
}
code{
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
font-size:13px;
padding:2px 4px;
color:#d14;
}
#comments code{
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
font-size:13.45px;
padding:2px 4px;
color:#d14;
}
#comments pre code{
color:#9eb1b3;
}
pre code{
padding:0 !important;
color:#a3a49a;
background:none !important;
border:none !important;
}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .pi,
pre .lisp .string,
pre .javadoc{
color:#586e75;
font-style:italic;
}
pre .keyword,
pre .winutils,
pre .method,
pre .addition,
pre .css .tag,
pre .request,
pre .status,
pre .nginx .title{
color:#859900;
}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .rules .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor{
color:#7195a3;
}
pre .title,
pre .localvars,
pre .chunk,
pre .decorator,
pre .built_in,
pre .identifier,
pre .vhdl .literal,
pre .id,
pre .css .function{
color:#569dcf;
}
pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type{
color:#aa985a;
}
pre .preprocessor,
pre .preprocessor .keyword,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata,
pre .clojure .title,
pre .css .pseudo{
color:#509a55;
}
pre .deletion{
color:#dc322f;
}
pre .tex .formula{
background:#073642;
}
.catatan{
display:block;
font-style:normal;
color:#333;
padding:15px 18px 15px 48px;
position:relative;
background-color:#f8e38d;
border-radius:4px;
border-bottom:1px solid rgba(0,0,0,.1);
}
.catatan:before{
font-family:'fontAwesome';
display:block;
position:absolute;
top:15px;
left:16px;
color:rgba(0,0,0,.18);
font-size:24px;
line-height:1;
}
.catatan:before{content:"\f05a"}
.infoku{
margin:15px 0 15px 0;
padding:10px;
background:#FBFFBF;
color:#444;
border:2px solid #FFD324;
overflow:auto;
width:96%;
font-weight:normal !important;
font-style:normal !important;
}
.infoku a{
color:#E80000;
}
.note{
background:#f9f7b8 url(//mastercode.googlecode.com/svn/trunk/data/img/main/icon-info.png) no-repeat 2% 50%;
color:#2c3e50;
line-height:22px;
border:1px solid #e5e283;
padding:12px 15px 12px 45px;
margin:0;
border-radius:5px;
font-family:'Montserrat', 'Segoe UI',Arial,Tahoma, sans-serif;
font-size:14px;
font-style:normal;
}
img.ki-smiley{
height:auto !important;
vertical-align:middle !important;
margin-bottom:3px;
width:auto !important;
border:0px !important;
box-shadow:none;
}
mark{
background:#d33f04;
color:#fff;
padding:1px 6px;
margin-right:5px;
}
.spammer-detected{
color:#888;
font-style:italic;
font-size:90%;
}
.copyright{
font-size:11px;
}
.item-image{
width:auto;
padding:25px 0 15px 0;
text-align:center;
background:#dce4e5;
}
/* -- Button --*/
.button{
float:left;
list-style:none;
text-align:center;
width:100%;
margin:5px 0;
padding:0;
font-size:14px;
clear:both;
}
.button ul{
margin:0;
padding:0
}
.button li{
display:inline;
margin:0;
padding:0
}
.orange-button{
color:#fff;
margin-right:10px;
padding:5px 15px 4px 15px;
background-color:#E55E48;
font-size:12px;
font-family:'Open Sans', sans-serif, 'Segoe UI',Arial,Tahoma;
font-weight:400;
text-transform:none;
border-radius:5px;
text-decoration:none;
outline:none;
box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 1px #888;
transition:background-color 1s ease-out 0s;
}
a.lightbox.orange-button{
color:#ffffff !important;
}
.orange-button a:hover{
text-decoration:none;
}
.orange-button:hover{
background-color:#af3b28;
color:#ffffff;
}
.demo{
border:none;
border-radius:2px;
padding:8px 40px !important;
background:#E55E48;
color:#fff !important;
font:400 14px/18px 'Ubuntu', sans-serif;
text-align:center;
text-shadow:0 0 1px rgba(0, 0, 0, 0.3);
transition:background-color 1s ease-out 0s;
letter-spacing:1px;
}
.download{
border:none;
border-radius:2px;
padding:8px 40px !important;
background:#4d79a0;
color:#fff !important;
font:400 14px/18px 'Ubuntu', sans-serif;
text-align:center;
text-shadow:0 0 1px rgba(0, 0, 0, 0.3);
transition:background-color 1s ease-out 0s;
letter-spacing:1px;
}
.demo:hover{
background:#454242;
text-shadow:0 0 1px #222;
text-decoration:none;
}
.download:hover{
background:#454242;
text-shadow:0 0 1px #222;
text-decoration:none;
}
.smallbutton{
display:inline-block;
text-decoration:none;
outline:none;
cursor:pointer;
font:normal 12px/1em HelveticaNeue, Arial, sans-serif;
padding:6px 11px;
color:#555;
text-shadow:0 1px 0 #fff;
background:#f2f2f2;
background:linear-gradient(#fff, #f9f9f9, #f0f0f0);
border:1px solid #d9d9d9;
border-color:#d9d9d9 #d6d6d6 #d1d1d1;
border-radius:4px;
box-shadow:0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
margin-right:10px;
}
a.smallbutton, a:visited.smallbutton{
color:#999;
text-shadow:0 1px 0 #fff;
text-decoration:none;
}
.smallbutton a:hover{
color:#353535;
text-decoration:none
}
.smallbutton:hover,.smallbutton:focus{
color:#555;
background:#efefef;
background:linear-gradient(#fff, #f9f9f9, #e9e9e9);
border-color:#ccc;
box-shadow:0 1px 2px #e0e0e0,
inset 0 1px 0 #fbfbfb;
}
.smallbutton:active{
position:relative;
top:1px;
color:#555;
background:#efefef;
background:linear-gradient(#fff, #eaeaea, #f4f4f4);
border-color:#c6c6c6;
box-shadow:0 1px 0 #fff, inset 0 0 5px #ddd;
}
.informacio {
position:fixed;
top:55px;
left:10px;
display:none;
}
/* Blog-pager
----------------------------------------------- */
#blog-pager-newer-link{
float:left;
}
#blog-pager-older-link{
float:right;
}
#blog-pager{
text-align:center;
padding-right:2%;
padding-top:2%;
padding-bottom:2%;
font-family:Arial, sans-serif;
font-weight:normal;
}
.feed-links{
display:none;
}
/* Page Navigation
----------------------------------------------- */
#showpageArea{
font:normal normal 11px Verdana, Geneva, sans-serif;
margin-top:0;
padding-top:0;
}
.showpageArea a{
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.showpageNum a{
background:#eee;
font-size:14px;
font-weight:bold;
text-decoration:none;
border:1px solid #ccc;
margin:0 2px;
padding:6px 10px;
color:#474747;
transition:all 0.3s ease-in;
}
.showpageNum a:hover{
border:1px solid #189b91;
background-color:#21afa4;
color:#fff;
}
.showpagePoint{
border:1px solid #189b91;
background-color:#21afa4;
color:#fff;
font-size:14px;
font-weight:bold;
text-decoration:none;
margin:0 2px;
padding:6px 10px;
}
.showpageOf{
display:none;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:6px 10px;
margin:0 2px 0 0;
color:#ccc;
text-transform:none;
}
.showpage a{
border:1px solid #1573A3;
background-color:#21afa4;
color:#fff;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:6px;
}
.showpage a:hover{
border:1px solid #1573A3;
background-color:#21afa4;
color:#fff;
text-decoration:none;
}
.showpageNum a:link,.showpage a:link{
text-decoration:none;
}
/* light box
----------------------------------------------- */
.jquery-lightbox-overlay{
background:#333333;
}
.jquery-lightbox{
padding:17px 0;
background:#000000;
position:relative;
}
.jquery-lightbox-border-top-left, .jquery-lightbox-border-top-right, .jquery-lightbox-border-top-middle, .jquery-lightbox-border-bottom-left, .jquery-lightbox-border-bottom-middle, .jquery-lightbox-border-bottom-right{
position:absolute;
height:7px;
width:12%;
z-index:7000;
background:#000000;
overflow:hidden;
}
.jquery-lightbox-border-top-left{
top:0;
left:0;
}
.jquery-lightbox-border-top-right{
top:0;
right:0;
}
.jquery-lightbox-border-top-middle{
width:78%;
top:0;
left:12%;
}
.jquery-lightbox-border-bottom-left{
bottom:0;
left:0;
}
.jquery-lightbox-border-bottom-right{
bottom:0;
right:0;
}
.jquery-lightbox-border-bottom-middle{
width:78%;
bottom:0;
left:12%;
}
.jquery-lightbox-title{
background:#000000;
color:#FFFFFF;
font-family:verdana,arial,serif;
font-size:11px;
line-height:14px;
padding:5px 8px;
margin:12px 0 0;
position:absolute;
top:100%;
z-index:7002;
opacity:0.9;
}
.jquery-lightbox-html{
position:relative;
z-index:7000;
border:0;
border-left:7px solid #000000;
border-right:7px solid #000000;
padding:0px 15px;
vertical-align:top;
}
.jquery-lightbox-html embed, .jquery-lightbox-html object, .jquery-lightbox-html iframe{
vertical-align:top;
}
.jquery-lightbox-background{
background:#000000;
position:absolute;
top:7px;
left:7px;
z-index:6999;
float:left;
padding:0;
}
.jquery-lightbox-background img{
display:block;
position:relative;
border:0;
margin:0;
padding:0;
width:100%;
height:100%;
}
.jquery-lightbox-mode-image .jquery-lightbox-html{
z-index:6998;
padding:0;
}
.jquery-lightbox-mode-html .jquery-lightbox-background{
background:#FFFFFF;
}
.jquery-lightbox-mode-html .jquery-lightbox-html{
overflow:auto;
}
.jquery-lightbox-loading, .jquery-lightbox-mode-html .jquery-lightbox-loading{
background:#FFFFFF url(//mastercode.googlecode.com/svn/trunk/data/img/main/loading.gif) no-repeat center center;
}
.jquery-lightbox-button-close{
background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat -113px 8px;
position:absolute;
top:12px;
right:-26px;
width:75px;
height:30px;
}
.jquery-lightbox-button-close:hover{
background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat -113px -30px;
}
.jquery-lightbox-button-close span, .jquery-lightbox-buttons span{
display:none;
}
.jquery-lightbox-mode-image .jquery-lightbox-button-close{
top:auto;
right:7px;
bottom:7px;
z-index:7002;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init, .jquery-lightbox-buttons .jquery-lightbox-buttons-end, .jquery-lightbox-buttons .jquery-lightbox-button-left, .jquery-lightbox-buttons .jquery-lightbox-button-right{
display:none;
}
.jquery-lightbox-buttons .jquery-lightbox-button-max{
background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat 7px -23px;
position:absolute;
left:7px;
bottom:7px;
width:45px;
height:30px;
z-index:7001;
}
.jquery-lightbox-buttons .jquery-lightbox-button-max:hover{
background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat 7px -55px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-min{
background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat -35px -23px;
position:absolute;
left:7px;
bottom:7px;
width:42px;
height:30px;
z-index:7001;
}
.jquery-lightbox-buttons .jquery-lightbox-button-min:hover{
background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat -35px -55px;
}
.jquery-lightbox-buttons-custom{
background:#000000;
height:33px;
line-height:33px;
font-size:10px;
position:absolute;
top:7px;
left:7px;
}
.jquery-lightbox-buttons-custom a{
color:#7b7b7b;
font-size:12px;
display:inline;
font-weight:bold;
text-decoration:underline;
padding:0 7px;
}
.jquery-lightbox-navigator{
position:absolute;
z-index:7002;
overflow:hidden;
top:7px;
left:7px;
}
.jquery-lightbox-navigator .jquery-lightbox-button-left{
position:absolute;
height:90px;
width:40%;
left:0;
}
.jquery-lightbox-navigator .jquery-lightbox-button-left span{
background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat -37px 10px;
width:0;
height:0;
overflow:hidden;
display:block;
padding:30px 0 0 50px;
position:absolute;
top:30px;
left:0;
z-index:7003;
cursor:pointer;
opacity:0.2;
}
.jquery-lightbox-navigator .jquery-lightbox-button-left:hover span{
opacity:1;
}
.jquery-lightbox-navigator .jquery-lightbox-button-right{
position:absolute;
height:90px;
width:40%;
right:0;
}
.jquery-lightbox-navigator .jquery-lightbox-button-right span{
background:#000000 url(//mastercode.googlecode.com/svn/trunk/data/img/main/jquery-lightbox-theme.gif) no-repeat 9px 10px;
width:0;
height:0;
overflow:hidden;
display:block;
padding:30px 0 0 50px;
position:absolute;
top:30px;
right:0;
z-index:7003;
cursor:pointer;
opacity:0.2;
}
.jquery-lightbox-navigator .jquery-lightbox-button-right:hover span{
opacity:1;
}
.jquery-lightbox-mode-html .jquery-lightbox-navigator{
display:none;
}
/* Footer
----------------------------------------------- */
#footer{
background:#c9ccd1;
width:100%;
padding:0;
position:relative;
clear:both;
}
.footer-wrapper{
color:#2c3e50;
font-size:14px;
height:100%;
line-height:15px;
overflow:hidden;
padding:0;
}
.footer{
float:left;
width:33.33%;
margin:10px;
}
.footer .widget{
margin-bottom:-300px;
}
.footer h2{
font-size:17px;
padding-bottom:8px;
margin-bottom:8px;
line-height:1.3em;
text-transform:uppercase;
color:#4a4a4a;
font-family:Oswald, Arial, sans-serif;
font-weight:normal;
}
.footer .widget-content{
line-height:17px;
}
.footer ul{
list-style:none;
color:#EAE9E8;
margin:0;
padding:0;
}
.footer li{
text-indent:0;
line-height:1.2em;
margin:0;
padding:2px 0 3px 0px;
font-size:14px;
}
.footer a:link,.footer li a:visited{
color:#2c3e50;
text-decoration:none;
}
.footer li a:hover{
color:#fff;
}
#credit{
background:#2c3e50;
text-align:center;
font-size:14px;
padding:20px 0;
margin-bottom:-51px;
color:#c94e5c;
}
#credit a{
color:#27a491;
text-decoration:none;
}
#credit a:hover{
color:#c9ccd1;
text-decoration:none;
}
/* Notifikasi
----------------------------------------------- */
#show-total{
position:fixed;
top:6px;
left:80px;
z-index:9999;
cursor:pointer;
}
.total-show{
background-color:#fcb322;color:white;padding:2px 6px;font-size:11px;border-radius:3px;border:1px solid #49c6bc;font-weight:bold;
}
#info-total {
position:fixed;
top:7px;
left:35px;
z-index:9999;
cursor:pointer;
background-color:#a9d86e;
color:white;padding:2px 6px;
font-size:11px;
border-radius:3px;
font-weight:bold;
}
#info {cursor:pointer;}
#info:before {
content: "\f129";
font-family:fontAwesome;
font-style: normal;
font-weight: normal;
font-size:22px;
padding:4px 10px;
display:block;
position:fixed;
top:9px;
left:15px;
color:rgba(0,0,0,.3);
z-index:9997;
transition:all 0.4s ease-out;
}
#info:hover:before {
color:rgba(0,0,0,.5);
}
#info-container {
width:270px;
display:none;
position:fixed;
top:52px;
left:10px;
z-index:9999;
background-color:#fff;
padding:50px 10px 15px 10px;
color:#444;
display:none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
border-radius:3px;
text-align:left;
}
div.info-container.header {
font-size:14px;
background-color:#a9d86e;
padding:10px;
color:white;
border-radius:3px 3px 0 0;
top:0;
left:0;
width:270px;
position:absolute;
}
#info-container:before{
content:"";
width:0;
height:0;
position:absolute;
bottom:100%;
left:10px;
border:8px solid transparent;
border-color:transparent transparent #a9d86e;
}
#notif{
cursor:pointer;
}
#notif:before{
content:"\f0f3";
font-family:fontAwesome;
font-style:normal;
font-weight:normal;
font-size:22px;
display:block;
position:fixed;
top:13px;
left:60px;
color:rgba(0,0,0,.3);
z-index:9997;
transition:all 0.4s ease-out;
}
#notif:hover:before{
color:rgba(0,0,0,.5);
}
#comments-container{
width:374px;
display:none;
position:fixed;
top:52px;
left:0;
z-index:9999;
background-color:#2e3740;
padding:15px;
color:#999;
display:none;
font-family:Arial, Sans-serif;
border-right:1px solid #1d252d;
}
#comments-container:before{
content:url(//mastercode.googlecode.com/svn/trunk/data/img/main/cm-arrow-blue.png);
position:absolute;
top:-11px;
left:60px;
}
.cm-outer{
margin:0 auto;
padding:0;
font-size:11px;
text-align:left;
}
.cm-outer li{
padding:7px 10px 12px;
list-style:none;
clear:both;
position:relative;
border-top:1px solid #434c56;
border-bottom:1px solid #1b2229;
}
.cm-outer li.selected{
border-left:4px solid #fffe8c;
}
.cm-outer li:first-child{
border-top:none;
}
.cm-outer li:last-child{
border-bottom:none;
}
.cm-text{
color:#cdcdcd;
}
.cm-outer{
margin:0 0 5px;
}
.cm-header{
margin:4px 0 8px 60px;
font-size:12px;
font-weight:normal !important;
}
.cm-header a{
color:#5886a7;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
.cm-header a:hover{
color:#74a2c3;
text-decoration:none;
}
.cm-outer .cm-content{
overflow:hidden;
}
.cm-content{
margin-left:60px;
}
.cm-outer img{
display:block;
float:left;
background:#8fa2cb url(//mastercode.googlecode.com/svn/trunk/data/img/main/anon36.png) no-repeat 50% 50%;
overflow:hidden;
border-radius:4px;
position:absolute;
top:10px;
left:0;
box-shadow: 0 0 5px #222;
border:1px solid #19212a;
}
.cm-footer{
margin-top:7px;
}
.cm-footer a{
color:#5886a7;
text-decoration:none;
}
.cm-footer a:hover{
color:#74a2c3;
text-decoration:none;
}
div.cm-header img[src='//mastercode.googlecode.com/svn/trunk/data/img/main/openid16-rounded.gif']{
content:url(//mastercode.googlecode.com/svn/trunk/data/img/main/gravatar.png);
}
.bg_hitam{
display:none;
position:absolute;
position:fixed;
top:0%;
left:0%;
width:100%;
height:100%;
background-color:#000;
z-index:1001;
opacity:.40;
}
/*-- Komentar --*/
.comment-link{
margin-left:0.6em;
}
#comments{
line-height:1.4em;
margin:10px 0px 0px 0px;
position:relative;
}
#comments h3{
margin-bottom:10px;
font-size:16px;
font-weight:normal;
text-transform:uppercase;
font-family:Oswald, Arial, sans-serif;
right:-4px;
top:-82.5px;
background:#21afa4;
color:#fff;
padding:6px 10px;
position:absolute;
}
.comment-body-author{
background:#FFFFFF;
color:#008000;
border:1px dotted #008000;
margin:0;
padding:0 0 0 10px;
}
.comment_share{
color:#999999;
cursor:pointer;
font-family:verdana;
font-size:10px;
line-height:1.5em;
max-width:100%;
font-weight:normal;
padding-left:5px;
}
#comment_rep a:hover{
text-decoration:none;
color:#464646!important;
}
.comment_avatar{
height:48px;
width:48px;
background:#F0F0F0 url(//mastercode.googlecode.com/svn/trunk/data/img/main/anon48.gif) no-repeat center center;
float:left;
margin-right:10px;
border-radius:6px;
overflow:hidden;
}
.comment_name{
color:#444;
font-size:16px;
font-weight:normal;
line-height:19.5px;
max-width:100%;
text-decoration:none;
margin-top:5px;
text-transform:uppercase;
font-family:Oswald, Arial, sans-serif
}
.comment-menu{
float:right;
list-style:none;
width:0px;
height:0;
}
.comment_name a{
text-transform:uppercase;
font-size:16px;
color:#444;
text-decoration:none;
font-family:Oswald, Arial, sans-serif;
}
.comment_name a:hover{
color:#0088b2;
text-decoration:none;
}
.comment_body p{
font-size:14px;
line-height:22px;
width:100%;
}
.comment_body{
margin-top:20px;
margin-bottom:20px;
border:1px solid #d2d2d2;
padding:0 15px;
position:relative;
background:#fff;
border-radius:5px;
}
.comment_date{
color:#999;
font-style:italic;
font-size:12px;
line-height:25px;
cursor:pointer;
font-weight:normal;
}
#comments .separate{
color:#cccccc;
font-family:'Oswald', Arial, Helvetica, sans-serif;
font-size:15px;
line-height:40px;
padding-left:5px;
padding-right:5px;
line-height:10px;
}
#comments .author-mark{
background:#d2d2d2;
color:white;
border-radius:4px;
padding:2px 6px 2px 6px;
font-size:15px;
line-height:15px;
}
.comment-share{
display:inline;
}
.comment-share li{
display:inline;
}
.comment-share li.button a{
background:#555;
color:white;
padding:0 5px 2px 5px;
border-radius:4px;
display:none;
}
.comment-share li.button:hover a{
background:#000;
}
#comment_rep{
margin-top:-27px;
float:right;
}
.comment_child .comment_body{
margin-top:10px;
margin-bottom:20px;
}
.comment_child .comment_wrap{
padding-left:40px;
}
.comment_reply{
cursor:pointer;
font-size:11px;
line-height:1.5em;
font-style:italic;
max-width:100%;
background:#e3e3e3;
font-weight:400;
padding:2px 12px;
color:#999;
float:right;
position:absolute;
right:-1px;
bottom:-19px;
border-radius:3px;
}
.comment_admin .avatar-image-container{}.unneeded-paging-control{
display:none;
}
.comment-form{
max-width:100% !important;
margin-top:-15px !important;
}
.comment_reply_form .comment-form{
width:100%;
}
.comment_youtube{
max-width:100%!important;
width:400px;
height:225px;
display:block;
padding-top:10px;
padding-bottom:10px;
}
#respond{
overflow:hidden;
padding-left:10px;
clear:both;
}
.comment_avatar *{
max-width:100%!important;
display:block;
max-height:100%!important;
width:48px!important;
height:48px!important;
border-radius:6px;
margin-right:10px;
}
.comment_child .comment_avatar, .comment_child .comment_avatar *{
width:40px!important;
height:40px!important;
float:left;
margin-right:10px;
}
.comment_form a{
color:#2f6986;
text-decoration:none;
}
.comment_form a:hover{
color:#2f6986;
text-decoration:underline;
}
.comment_author_flag{
display:none;
}
.comment_admin .comment_author_flag{
display:inline;
background:#c9c9c9;
font-size:13px;
font-weight:normal;
padding:2px 6px;
margin-left:8px;
color:#fff;
border-radius:4px;
text-transform:uppercase;
letter-spacing:.1em;
}
.comment-delete img{
float:right;
margin-left:10px;
position:absolute;
margin-top:7px;
}
#comment-editor{
width:100.4% !important;
background:#e1e3e6 url(//mastercode.googlecode.com/svn/trunk/data/img/main/kangis-loader.gif) no-repeat 50% 30%;
border-radius:5px;
margin-bottom:20px;
position:relative;
}
.comment-form{
max-width:99.6% !important;
}
.comment_arrow{
display:block;
width:18px;
height:9px;
background:url('//mastercode.googlecode.com/svn/trunk/data/img/main/comment-arrow2.png') no-repeat;
position:absolute;
margin-top:-9px;
margin-left:-5px;
}
.comment_emo_list .item{
float:left;
width:40px;
text-align:center;
height:40px;
margin:10px 10px 0 0;
}
.comment_emo_list span{
display:block;
font-weight:bold;
font-size:11px;
letter-spacing:1px;
}
.comment_youtube{
max-width:100%!important;
width:400px;
height:225px;
display:block;
margin:auto;
}
.comment_img{
max-width:100%!important;
}
.deleted-comment{
background:#eaeff3 url(//mastercode.googlecode.com/svn/trunk/data/img/main/tempat-sampah.png) no-repeat 2% 50%;
color:#777f87;
line-height:22px;
border:1px solid #d2d2d2;
padding:12px 15px 12px 45px;
margin:5px 0;
display: block;
}
.comment-form p{
background:#54687c;
padding:15px 15px 14px 15px;
margin:45px 0 5px 0;
color:#f4f4f4;
font-size:13.6px;
line-height:20px;
width:95.7%;
border-radius:5px;
position:relative;
}
div.comment_avatar img[src='//mastercode.googlecode.com/svn/trunk/data/img/main/openid16-rounded.gif']{
content:url(//mastercode.googlecode.com/svn/trunk/data/img/main/gravatar.png);
}
div:target .comment_body{
border:2px solid #21afa4;
transition:all 4s ease-out;
}
div:target .comment_child .comment_wrap .comment_body{
border:1px solid #d2d2d2;
}
div:target .comment_reply{
background:#21afa4;
transition:all 4s ease-out;
}
div:target .comment_child .comment_wrap .comment_reply{
background:#e3e3e3;
}
div:target a.comment_reply{
color:#fff;
text-decoration:none;
}
div:target .comment_child .comment_wrap a.comment_reply{
color:#fff;
text-decoration:none;
}
div:target .comment_arrow{
display:block;
width:18px;
height:9px;
background:url(//mastercode.googlecode.com/svn/trunk/data/img/main/green-arrow2.png) no-repeat;
position:absolute;
margin-top:-9px;
margin-left:-5px;
transition:all 4s ease-out;
}
div:target .comment_child .comment_wrap .comment_arrow{
display:block;
width:18px;
height:9px;
background:url('//mastercode.googlecode.com/svn/trunk/data/img/main/comment-arrow2.png') no-repeat;
position:absolute;
margin-top:-9px;
margin-left:-5px;
}
#postCommentSubmit{
padding:10px !important;
}
#allHolder{
border:none !important;
}
#com-norm, #com-gplus{
cursor:pointer;
padding:0 5px;
float:left;
}
#com-header{
padding:10px;
float:left;
width:100%;
margin:5px 2px 35px 2px;
background:#54687c;
text-align:center;
}
#com-header h6{
text-align:center;
float:left;
text-transform:uppercase;
padding-top:7px;
margin:0px;
margin-right:7px;
margin-left:7px;
font-family:Oswald, Arial, sans-serif;
font-size:16px;
font-weight:normal;
color:#fff;
}
#gcontainer{
display:none;
}
#comment-zone{
margin-top:60px;
}
#comments .small-button{
color:#fff;
margin-right:10px;
padding:4px 15px;
background-color:#21afa4;
font-size:12px;
font-family:'Open Sans', sans-serif, 'Segoe UI',Arial,Tahoma;
font-weight:400;
text-transform:none;
border-radius:4px;
text-decoration:none;
outline:none;
box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #333;
text-shadow:0px -1px 0px rgba(0,0,0,0.3);
transition:background-color 1s ease-out 0s;
}
#comments .small-button a{
color:#fff !important;
}
#comments .small-button a:hover{
text-decoration:none;
}
#comments .small-button:hover{
background-color:#106c65;
color:#ffffff;
}
#comments .orange-button{
color:#fff;
margin-right:10px;
padding:4px 15px;
background-color:#E55E48;
font-size:12px;
font-family:'Open Sans', sans-serif, 'Segoe UI',Arial,Tahoma;
font-weight:400;
text-transform:none;
border-radius:4px;
text-decoration:none;
outline:none;
box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #333;
text-shadow:0px -1px 0px rgba(0,0,0,0.3);
transition:background-color 1s ease-out 0s;
}
#comments .orange-button a{
color:#ffffff !important;
}
#comments .orange-button a:hover{
text-decoration:none;
}
#comments .orange-button:hover{
background-color:#af3b28;
color:#ffffff;
}
/*-- Modifikasi Pesan Komentar --*/
#threaded-comment-form p{
position:relative;
color:#999 !important;
padding:10px;
font-size:14px;
font-weight:400;
line-height:1.6em;
margin-top:10px;
border-radius:2px;
background:#54687c;
width:95%;
}
#comments .small-button{
color:#fff;
margin-right:10px;
padding:4px 15px;
background-color:#21afa4;
font-size:12px;
font-family:'Open Sans', sans-serif, 'Segoe UI',Arial,Tahoma;
font-weight:400;
text-transform:none;
border-radius:4px;
text-decoration:none;
outline:none;
box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #333;
text-shadow:0px -1px 0px rgba(0,0,0,0.3);
transition:background-color 1s ease-out 0s;
}
#comments .small-button a{
color:#fff !important;
}
#comments .small-button a:hover{
text-decoration:none;
}
#comments .small-button:hover{
background-color:#106c65;
color:#ffffff;
}
#comments .orange-button{
color:#fff;
margin-right:10px;
padding:4px 15px;
background-color:#E55E48;
font-size:12px;
font-family:'Open Sans', sans-serif, 'Segoe UI',Arial,Tahoma;
font-weight:400;
text-transform:none;
border-radius:4px;
text-decoration:none;
outline:none;
box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 1px 2px #333;
text-shadow:0px -1px 0px rgba(0,0,0,0.3);
transition:background-color 1s ease-out 0s;
}
#comments .orange-button a{
color:#ffffff !important;
}
#comments .orange-button a:hover{
text-decoration:none;
}
#comments .orange-button:hover{
background-color:#af3b28;
color:#ffffff;
}
/* Offline Mode
----------------------------------------------- */
#offline-mode{
background:#dfdede url(//mastercode.googlecode.com/svn/trunk/data/img/main/offline-mode.png)no-repeat 3% 50%;
padding:0px 20px 0px 175px;
border:1px solid #c9c9c9;
margin-bottom:0px;
margin-top:0px;
border-radius:5px;
}
#offline-mode h2{
font-size:220%;
margin-top:5px;
text-transform:uppercase;
color:#fff;
text-shadow:-1px -1px  3px rgba(0,0,0,0.3);
}
#offline-mode p{
font-family:'Open Sans', sans-serif, 'Segoe UI',Arial,Tahoma;
font-size:13.3px;color:#888;
line-height:1.8em;
margin-top:-15px;
}
.purechat-offline{
position:fixed;
bottom:-4px;
right:60px;
z-index:100;
width:270px;
display:none;
}
/* Modifikasi PopularPosts
----------------------------------------------- */
.PopularPosts{
background:#F2F2F2;
border:1px solid #E3E3E3;
}
.PopularPosts h2{
background:#8C8C8C;
color:#FFFFFF !important;
padding:12px 24px !important;
margin:-1px -1px 0;
}
.PopularPosts .widget-content{
font-size:14px;
margin:0 !important;
}
.popular-posts ul{
margin:0 !important;
padding:0 !important;
}
.popular-posts ul li{
list-style:none;
border-bottom:1px solid #ccc;
border-top:1px solid #FFFFFF;
padding:0 !important;
}
.popular-posts ul li:first-child{
border-top:0;
}
.popular-posts ul li:last-child{
border-bottom:0;
}
.popular-posts ul li:hover{
background:#fafafa;
text-decoration:none;
}
.popular-posts ul li a{
color:#404040;
display:block;
padding:12px 24px;
text-indent:0px;
}
.popular-posts ul li a:hover{
color:#262626;
text-decoration:none;
}
/* Kotak Iklan
----------------------------------------------- */
.kotak_iklan{
text-align:center;
margin-top:10px;
margin-bottom:8px;
background:#ddd;
padding-top:11px;
}
.kotak_iklan  img{
margin:0px 0px 4px 0px;
padding:5px;
text-align:center;
border:1px solid #cecece;
background:white;
}
.kotak_iklan  img:hover{
border:1px solid #999;
}
/* Iklan Teks
----------------------------------------------- */
.iklanteks{
width:auto;
border:1px solid #dedede;
font-family:Arial, sans-serif;
font-size:12px;
padding:10px 10px 7px 10px;
}
.iklanteks ul{
list-style:none;
}
.iklanteks li{
list-style:none;
color:#666;
border-bottom:none;
}
.iklanteks li p{
margin-top:2px;
line-height:1.2em;
text-indent:0px;
}
.iklanteks li a{
list-style:none;
color:#21afa4;
line-height:1.2em;
padding-bottom:10px;
text-decoration:underline;
}
.iklanteks li a:hover{
color:#222;
text-decoration:underline;
}
.iklanteks span{
text-align:center !important;
color:#999;
}
.iklanby{
text-align:right;
color:#999;
}
.iklanby a{
color:#999;
}
.iklanby a:hover{
color:#999;
text-decoration:none;
}
/* Error-page
----------------------------------------------- */
#error-page {
background-color:#e9e9e9;
position:fixed !important;
position:absolute;
text-align:center;
top:0;
right:0;
bottom:0;
left:0;
z-index:99999;
}
#error-inner {
margin:11% auto;
}
#error-inner .box-404 {
width:200px;
height:200px;
background:#21afa4;
color:#fff;
font-size:80px;
line-height:200px;
border-radius:10px;
margin:0 auto 50px;
position:relative;
}
#error-inner .box-404::after {
content:" ";
width:0;
height:0;
bottom:-8px;
border-color:#21afa4 transparent transparent;
border-style:solid;
border-width:9px 9px 0;
position:absolute;
left:47%;
}
#error-inner h1 {
text-transform:uppercase;
}
#error-inner p {
line-height:0.7em;
font-size:15px;
}
/* Related Post with Sliding CSS by Kang Ismet*/
#kislidingbox{background:#fff;border-top:1px solid #bbb;box-shadow: 0 4px 10px #666;transition:all 0.4s ease-out;width:355px;height:185px;position:fixed;overflow:hidden;border:none;right:-360px;z-index:9999;text-align:left!important;letter-spacing:0;}
.kislidingbox-title{background:none;border-top:1px solid #ddd;color:#00789d;display:block;height:40px;width:100%;font-size:14px;font-family:Arial, sans-serif;text-transform:capitalize;font-weight:bold;padding-right:25px}
.kislidingbox-title span a{float:right;height:40px;width:25px;}
a#kislidingbox-close, a#kislidingbox-close {margin-right:15px;}
.kislidingbox-title > span > h2{font-size:20px!important;font-weight:normal!important;}
.kislidingbox-title span a img{margin:16px;border:0 !important;box-shadow:0 !mportant;}
.kislidingbox-container{border:none;float:left;width:100%;height:auto;margin:3px}
.kislidingbox-container > div{border:none;height:40px;margin:3px;padding:10px;}
.kislidingbox-container > div > span {font-size:14px;}
.kislidingbox-container img{float:left;margin:3px 5px;width:25px;border:1px solid #ccc;}
.show{bottom:80px;}
.hide{bottom:-145px;}
.related-post {margin:2em auto 0;font:normal normal 11px/1.4 Arial,Sans-Serif;}
.related-post h4 {font-size:150%;margin:0 0 .5em;}
.related-post-style-2 {border-top:1px solid rgba(0,0,0, 0.2);margin-top:-20px;padding-top:15px;list-style:none;}
.related-post-style-2 li {margin-left:-10px;style:none;}
.related-post-style-2 li {padding:0 10px 10px 10px;overflow:hidden;}
.related-post-style-2 li:first-child {border-top:none}
.related-post-style-2 .related-post-item-thumbnail {width:45px;height:45px;max-width:none;max-height:none;background-color:transparent;border:none;padding:0;float:left;margin:2px 10px 0 0;border:1px solid #ccc;}
.related-post-style-2 .related-post-item-title {font-weight:bold;font-size:120%;text-transform:capitalize;}
a.related-post-item-title {color :#333 !important;}
a:hover.related-post-item-title {color :#0491ea !important;text-decoration:none;}
.related-post-style-2 .related-post-item-summary {display:block;overflow:hidden;}
.related-post-style-2 .related-post-item-more {}